<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/common.css" />
		<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/css/flatpickr.min.css" />
		<link rel="stylesheet" type="text/css" href="/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="/dialog/css/dialog.css"/>

		<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
		<script src="/js/google-maps.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/dialog/js/dialog.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.form.js"></script>
		<script src="/js/common.js"></script>
		<script src="/js/flatpickr.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/messages_zh.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--顶部导航 -->
		<nav class="topNavItemBox">
			<div id="ItemBox">
				<div class="title">肉品溯源管理系统</div>
			</div>
		</nav>
		<!-- 左侧导航 -->
		<#include "left.ftl"/>

        <!-- 新增疫苗入库信息 -->
		<div class="page_main">
			<h3>新增疫苗出库信息</h3><span class="add_link"><a href="vaccineOut.ftl">查看疫苗出库信息></a></span>
			<br />
			<div class="page_content">
				
				<form id="quarantine_addform" action="VaccineoutAction_AddOutDepotVaccine" method="post">
					<ul>
						<li><label class="labelBeforinput">疫苗id(下拉)</label>
					<!-- 	<input name="vaccineInfor.vaccineId" class="bigInputtext" maxlength="9" required data-rule-isIntGtZero="true" type="text" /> -->
						<select name="vaccineInfor.vaccineId" class="bigSelect" required>
							<option>请选择疫苗</option>
						</select></li>
						<li><label class="labelBeforinput">药品批次</label><input name="medBatchNo"  class="bigInputtext" required type="text" ></li>
						<li><label class="labelBeforinput">出库日期</label><input name="outDate" id="outTime" class="bigInputtext" required type="text" data-date-format="Y-m-d"/></li>
						<li><label class="labelBeforinput">出库数量</label><input name="numOut" class="bigInputtext" data-rule-isIntGtZero="true" required type="text" /></li>
						<li><label class="labelBeforinput">数量单位</label><input name="unit" class="bigInputtext" required  /></li>
						<li><label class="labelBeforinput">领用人</label><input name="takePeopleName" class="bigInputtext" required  type="text" /></li>
					<!-- 	<li><label class="labelBeforinput">区域ID（下拉）</label><input name="areacodeinfor.areaId" class="bigInputtext" required data-rule-isIntGtZero="true" type="text" /></li> -->
						<li><label class="labelBeforinput">备注</label><input name="remark" class="bigInputtext"  type="text" /></li>
				
						<li><input type="submit" value="添加记录" style="margin-left: 170px; width: 200px;" /></li>
					</ul>
				</form>
			</div>
			<div class="footer">
				<div class="footer_lineone">
					<span id="logo"></span>肉品溯源管理系统 
					<span class="footer_lineoneSpan"><a href="aboutus.html">关于我们</a></span>
					<span class="footer_lineoneSpan"><a target="_blank" href="http://www.cfsiw.com/">食品安全信息</a></span> 
					<span class="footer_lineoneSpan"><a href="suggestionAdd.ftl">联系我们</a></span>
				</div>
				<div class="footer_linetwo">
					 &copy;2017广东技术师范学院
				</div>
			</div>
		</div>
	</body>
	<script>
		$(function() {
			//初始化侧边栏
			$(".vertical-nav").verticalnav({
				speed: 400,
				align: "left"
			});
			
			//时间控制器
			$("#outTime").flatpickr();
			//表单校验
			$("#quarantine_addform").validate();
			//表单提交
			//异步下拉
			$.post("VaccineAction_getAllVaccine", function(data) {
				console.log(data);
				//$("select[name='vaccineInfor.vaccineId']").empty();
				for(var i = 0; i < data.length; i++) {
					$("select[name='vaccineInfor.vaccineId']").append("<option value='" + data[i].vaccineId + "'>" + data[i].vaccineName + "("+data[i].compName+")</option>");
					}
			});	
			$("#quarantine_addform").ajaxForm({
					/* error: function(XMLHttpRequest, textStatus, errorThrown){
						//失败
						$.dialog({
							type: 'info',
							contentHtml: '<img class="info-icon" src="dialog/images/icon/fail.png" alt="增加失败" /><p class="info-text">请输入正确的生猪编号</p>',
							autoClose: 2000
						});
					}, */
					success:function(data) {
						
						var str = null;
						var msg = null;
						if(data.msg == 1){
							str = "success";
							msg = "添加成功"
						}else{
							str = "fail";
							msg = data.msg;
						}
						console.log(data);
						$.dialog({
							type: 'info',
							contentHtml: '<img class="info-icon" src="dialog/images/icon/'+str+'.png" alt="'+msg+'" /><p class="info-text">'+
msg+'</p>',
							autoClose: 2000
						});
						setInterval(function(){
							location.reload();
						},2000);
					}
			});
		});
	</script>

</html>